
<%@ page import="edu.ort.domain.Gasto" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="layout" content="main" />
        <g:set var="entityName" value="${message(code: 'gasto.label', default: 'Gasto')}" />
        <title><g:message code="default.list.label" args="[entityName]" /></title>
    </head>
    <body>
        <div class="nav">
            <span class="menuButton"><a class="home" href="${createLink(uri: '/gasto')}">Ingresar gastos</a></span>
        </div>
        <div class="body" >
            <h1><g:message code="listGasto.Titulo" args="[entityName]" /></h1>
            <g:if test="${flash.message}">
            <div class="message">${flash.message}</div>
            </g:if>
            <g:form action="search" method="post" >
              <div>
                <table width="150" >
                      
                      <tr >
                        <td width="50" valign="top" class="name">
                              <label for="fecha"><g:message code="listGasto.FechaDesde" default="Fecha " /></label>
                          </td>
                          <td width="120" valign="top">
                              <g:datePicker name="vFechaDesde"  precision="day" value="${fechaDesde}"  />
                          </td>
                          <td width="50" valign="top" class="name">
                              <label for="fecha"><g:message code="listGasto.FechaHasta" default="Fecha" /></label>
                          </td>
                          <td width="200" valign="top" >
                              <g:datePicker name="vFechaHasta" precision="day" value="${fechaHasta}"  />
                          </td>
                      </tr>
                      <tr>
                        <td colspan="4">
                        <div class="buttons">
                          <span class="button"><g:submitButton name="search" class="search" value="${message(code: 'default.search.label', default: 'Buscar')}" /></span>
                        </div>
                        </td>
                      </tr>
                      <tr><td colspan="4" align="center"><img align="center" alt="Grafica" src="${urlChart}"/></td></tr>
                  </table>
              </div>
            </g:form>
            <div class="list">
            <h1><g:message code="listGasto.Detalle" args="[entityName]" /></h1>
                <table width="150" >
                    <thead >
                        <tr>
                       
                            <g:sortableColumn align="center" property="fecha" title="${message(code: 'gasto.fecha.label', default: 'Fecha')}" />
                        
                            <g:sortableColumn align="center" property="monto" title="${message(code: 'gasto.monto.label', default: 'Monto')}" />
                        
                            <th><g:message align="center" code="gasto.categoria.label" default="Categoria" /></th>
                        
                        </tr>
                    </thead>
                    <tbody>
                    <g:each in="${gastoInstanceList}" status="i" var="gastoInstance">
                        <tr class="${(i % 2) == 0 ? 'odd' : 'even'}">
                        
                            <td align="center"><g:formatDate format="dd-MM-yyyy" date="${gastoInstance.fecha}"/></td>
                        
                            <td align="right"><g:formatNumber number="${gastoInstance.monto}" format="\$ ###,###,###.00"/></td>
                        
                            <td align="center">${fieldValue(bean: gastoInstance, field: "categoria")}</td>
                        
                        </tr>
                    </g:each>
                    </tbody>
                </table>
            </div>
            <div class="paginateButtons" >
                <g:paginate total="{gastoInstanceTotal}" />
            </div>
            
        </div>
    </body>
</html>
